<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>第五大道登录页</title>
    <link rel="stylesheet" href="css/denglu.css">
    <script src="js/axios.min.js"></script>
</head>
<body>
    <div class="nav">
        <div>
            <a href="shouye.html"><img id="logo" src="img/wudadaologo.jpg" alt=""></a>
        </div>
        <span class="shu">丨</span>
        <span class="shu-right">欢迎登录</span>
        <img id="phone" src="img/phone.png" alt="">
        <span class="rexian">客服热线：4008-6767-38</span>
    </div>
    <div class="banner">
        <img src="img/bg1.jpg" alt="">
        <div class="banner-r">
           <p class="p1">扫码登录</p>
           <span></span>
           <p class="p2">账户登录</p>
           <input id="btn1" type="text">
           <input id="btn2" type="password">
           <input id="btn3" type="button" value="立即登录">
           <div>
            <input id="btn4" type="checkbox">
            <i>自动登录</i>
            <a class="link1" href="zhuce.html">立即注册</a>
            <span class="span1"></span>
            <a class="link2" href="">忘记密码?</a>
           </div>
        </div>
    </div>
    <script>
         let ipts = document.querySelectorAll('input');
         ipts[2].onmouseover=function(){
            btn3.style.background="#A60000";
            btn3.style.border="#A60000";
        }
        ipts[2].onmouseout=function(){
            btn3.style.background="#333333";
            btn3.style.border="#333333";
        }
        ipts[2].onclick = function () {
            let username = ipts[0].value
            let password = ipts[1].value

            let regAPI = 'http://jx.xuzhixiang.top/ap/api/login.php'

            axios.get(regAPI, {
                params: {
                    username: username,
                    password
                }
            }).then(function (res) {
                // 请求成功
                console.log(res);
                console.log(res.data);

                alert(res.data.msg)

                if (res.data.code == 1) {
                     location.href = 'shouye.html'

                    localStorage.setItem('uid', res.data.data.id)
                    localStorage.setItem('token', res.data.data.token)
                }
            }).catch(function (err) {
                // 请求失败
                console.log(err);
            })
        }
    </script>
    <div class="bottom">
        <ul>
            <li>
                <img src="img/9.jpg" alt="">
                <div>
                    <p class="P1">正品保障</p>
                    <p class="P2">品牌授权，官方验真</p>
                </div>
            </li>
            <li>
                <img src="img/10.jpg" alt="">
                <div>
                    <p class="P1">专柜发货</p>
                    <p class="P2">专柜直接或到店自提</p>
                </div>
            </li>
            <li>
                <img src="img/11.jpg" alt="">
                <div>
                    <p class="P1">无忧售后</p>
                    <p class="P2">7天无理由退换货</p>
                </div>
            </li>
            <li>
                <img src="img/12.jpg" alt="">
                <div>
                    <p class="P1">VIP服务</p>
                    <p class="P2">享品牌会员售前售后服务</p>
                </div>
            </li>
            <li>
                <img src="img/13.jpg" alt="">
                <div>
                    <p class="P1">权威荣誉</p>
                    <p class="P2">商务部授予诚信示范企业</p>
                </div>
            </li>
        </ul>
    </div>
    <div class="footer">
        <ul>
            <li class="li0">
                <span class="span1">服务保障</span>
                <span>品牌授权正品</span>
                <span>品牌客服</span>
                <span>预约到店体验</span>
                <span>7天无理由退换</span>
            </li>
            <li>
                <span class="span1">使用帮助</span>
                <span>品牌授权正品</span>
                <span>品牌客服</span>
                <span>预约到店体验</span>
                <span>7天无理由退换</span>
            </li>
            <li>
                <span class="span1">支付方式</span>
                <span>品牌授权正品</span>
                <span>品牌客服</span>
                <span>预约到店体验</span>
                <span>7天无理由退换</span>
                <span>分期付款</span>
            </li>
            <li>
                <span class="span1">配送方式</span>
                <span>品牌授权正品</span>
                <span>品牌客服</span>
                <span>预约到店体验</span>
                <span>7天无理由退换</span>
            </li>
            <li>
                <span class="span1">售后服务</span>
                <span>品牌授权正品</span>
                <span>品牌客服</span>
                <span>预约到店体验</span>
                <span>7天无理由退换</span>
            </li>
            <li class="li1">
                <span class="span1">第五大道APP</span>
                <img src="img/14.jpg" alt="">
            </li>
            <li class="li2">
                <span class="span1">第五大道微博</span>
                <img src="img/14.jpg" alt="">
            </li>
        </ul>
    </div>
    <div class="copy">
       <div class="copy-1">
        <ul>
            <li><a href="">箱包</a></li>
            <li><a href="">美妆</a></li>
            <li><a href="">服饰</a></li>
            <li><a href="">腕表</a></li>
            <li><a href="">配饰</a></li>
            <li><a href="">鞋靴</a></li>
            <li><a href="">特惠</a></li>
            <li class="LI"><a href="">礼品区</a></li>
        </ul>
       </div>
        <div class="copy-2">
            <ul>
                <li>关于第五大道</li>
                <li>网站地图</li>
                <li>品牌合作专区</li>
                <li>媒体聚焦</li>
                <li>商务合作</li>
                <li>商家合作</li>
                <li>加入第五大道</li>
                <li>友情链接</li>
                <li>奢尚志</li>
                <li>联系我们</li>
                <li>投诉建议</li>
            </ul>
        </div>
        <div class="copy-3">
            <p>Copyright © 2008-2014 瑞美嘉信国际信息技术（北京）有限公司  版权所有京ICP备09012701号 京公网安备 11010102003747号 丨营业执照</p>
        </div>
    </div>
    <div id="up">
        <div id="bigbox1">
            <img src="img/foot.png" alt="">
            <div id="bigbox"></div>
        </div>
    </div>
    <script>
        var a=document.querySelector("#bigbox");
        var b=document.querySelector("#up");
        a.onclick=function(){
            b.style.display="none";
        }
    </script>
    <div class="right">
        <ul>
            <li><img src="img/gouwu.png" alt=""></li>
            <li><img src="img/ka.png" alt=""></li>
            <li><img src="img/xin.png" alt=""></li>
            <li><img src="img/kefu.png" alt=""></li>
            <li class="li4"><img src="img/weixin.png" alt=""></li>
            <li><img src="img/bi.png" alt=""></li>
            <li><img src="img/dianhua.png" alt=""></li>
            <li id="puttop"><img src="img/top.png" alt=""></li>
        </ul>
    </div>
    <script>
        var puttop=document.querySelector("#puttop");
        puttop.onclick=function(){
            document.documentElement.scrollTop=document.body.scrollTop=0;
        }
    </script>
</body>
</html>